<div class="row">
  <div class="col-xs-12">
    <div class="box">
      <div class="box-body">
        <form class="form-inline">
          <div class="box box-default">
            <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
              <button *ngIf="_.includes(menuResourceSet,'btn-entry-export')" type="button" class="btn btn-primary" (click)="exportExcel()">
                <i class="fa fa-sign-out"></i>导出Excel</button>
              <button class="btn btn-box-tool pull-right" type="button" data-widget="collapse">
                <i class="fa fa-minus"></i>
              </button>
            </div>
            <div class="box-body">
              <div class="form-group col-lg-12" style="margin-bottom:10px !important;padding-left:0px !important;">
                <label>产品代码:</label>
                <input class="form-control" [(ngModel)]="getQueryPost.sFundCode" name="sFundCode" placeholder="产品代码">
                <label>产品名称:</label>
                <input class="form-control" [(ngModel)]="getQueryPost.sFullName" name="sFullName" placeholder="产品名称">
              </div>
              <div class="form-group col-lg-12" style="padding-left:3px !important;">
                <label>受托人:</label>
                <select class="form-control" id="entrysTrusteeSelected" [(ngModel)]="getQueryPost.sTrustee" name="sTrustee">
                    <option [value]="''" selected="selected">全部</option>
                    <option [value]="item.sItemKey" *ngFor="let item of distionary.LINK_PRINCIPAL_NO">{{item.sItemValue}}</option>
                  </select>
                <label>个性化模板:</label>
                <select class="form-control" [(ngModel)]="getQueryPost.sIsTemplate" name="sIsTemplate">
                    <option [value]="''">全部</option>
                    <option [value]="0">否</option>
                    <option [value]="1">是</option>
                  </select>
                <button type="button" class="btn btn-primary" (click)="getQueryList(1)">
                    <i class="fa fa-search"></i>查询</button>
              </div>
            </div>
          </div>
        </form>

        <div class="box-body" style="padding-left:0px;padding-right:0px;">
          <div style="overflow-x:scroll">
            <table id="fixed_table" class="table table-bordered table-hover table-keep-line table-striped" style="margin-top:unset !important;">
              <thead>
                <tr>
                  <th class="fixed-th-50">
                    <div class="checkbox checkbox-primary">
                      <input type="checkbox" [(ngModel)]="isCheckedAll" (ngModelChange)="queryCheckedAll()" name="isCheckedAll">
                      <label></label>
                    </div>
                  </th>
                  <th class="fixed-th-120" (click)="orderData('sFundCode')">产品代码<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-120" (click)="orderData('sFullName')">产品名称<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-120" (click)="orderData('sFundTypeName')">产品类型<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-120" (click)="orderData('sWeekly')">周报<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-120" (click)="orderData('sMonth')">月报<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-120" (click)="orderData('sDaily')">季报<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-120" (click)="orderData('sYear')">年报<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-120" (click)="orderData('sAchAss')">绩效评估报告<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-120" (click)="orderData('sMajorMatters')">重大事项<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-120" (click)="orderData('sOneAmplitude')">单日波动波幅<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-150" (click)="orderData('sTransactionDay')">累计波动区间(交易日)<i class="fa fa-sort"></i></th>
                  <th class="fixed-th-120" (click)="orderData('sAmplitude')">累计波动波幅<i class="fa fa-sort"></i></th>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let item of queryList">
                  <td class="fixed-th-50">
                    <div class="checkbox checkbox-primary">
                      <input type="checkbox" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlQueryCheckAll()" name="isChecked">
                      <label>
                  </label>
                    </div>
                  </td>
                  <td class="fixed-th-120 short-name" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
                  <td class="fixed-th-120 short-name" [attr.title]="item.sFullName">{{item.sFullName}}</td>
                  <td class="fixed-th-120 short-name" [attr.title]="item.sFundTypeName">{{item.sFundTypeName}}</td>
                  <td class="fixed-th-120 short-name" [attr.title]="item.sWeekly">{{item.sWeekly}}</td>
                  <td class="fixed-th-120 short-name" [attr.title]="item.sMonth">{{item.sMonth}}</td>
                  <td class="fixed-th-120 short-name" [attr.title]="item.sDaily">{{item.sDaily}}</td>
                  <td class="fixed-th-120 short-name" [attr.title]="item.sYear">{{item.sYear}}</td>
                  <td class="fixed-th-120 short-name" [attr.title]="item.sAchAss">{{item.sAchAss}}</td>
                  <td class="fixed-th-120 short-name" [attr.title]="item.sMajorMatters">{{item.sMajorMatters}}</td>
                  <td class="fixed-th-120 short-name" [attr.title]="item.sOneAmplitude">{{item.sOneAmplitude}}</td>
                  <td class="fixed-th-150 short-name" [attr.title]="item.sTransactionDay">{{item.sTransactionDay}}</td>
                  <td class="fixed-th-120 short-name" [attr.title]="item.sAmplitude">{{item.sAmplitude}}</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>

        <div class="box-footer clearfix">
          <app-pagination [currentPageNum]="queryPageInfo.currentPageNum" [pagesShow]="" [totalPages]="queryPageInfo.totalPages" (pageChanged)="queryPageNavigation($event)">
            <div class="pull-left pagination-detail" data-pagination-additional="true">
              <span class="pagination-info">
                当前显示第{{queryPageInfo.startRow}}到第{{queryPageInfo.endRow}}条，总共{{queryPageInfo.total}}条，
              </span>
              <span class="page-list">
                每页记录
                <span class="btn-group dropup">
                  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <span class="page-size">{{queryPageInfo.pageSize}}</span>
              <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" role="menu">
                <li *ngFor="let i of queryPageInfo.pageList" role="menuitem" [class.active]="queryPageInfo.pageSize===i" (click)="querypageSizeChange(i)">
                  <a>{{i}}</a>
                </li>
              </ul>
              </span>条
              </span>
            </div>
          </app-pagination>
        </div>
      </div>
    </div>
  </div>
</div>